.bac {
	// width:1654px;
	// // height: 800px;
	background-color: rgb(244, 244, 244);

	.yanse1 {
		// color: rgb(133, 94, 44);
		width: 100%;
		position: fixed;
		background-color: white;
		z-index: 10000;

		.area {
			width: 1200px;
			margin: 0 auto;
			height: 60px;
			// background-color: pink;
			display: flex;

			.log {
				width: 120px;
				height: 42px;
				margin-top: 8px;
			}

			.area-left {
				display: flex;
				// display: inline-block;
				width: 570px;
				margin-left: 15px;
                a{
					color: #333333;
				}
				div {
					width: 72px;
					height: 60px;
					line-height: 60px;
					text-align: center;
					font-size: 16px;

					&:hover {
						background-color: #eee;
						cursor: pointer;
					}
				}

				.but {
					border-bottom: 3px #7DC1DC solid;
				}
			}

			.area-right {
				width: 495px;
				height: 60px;

				.user {
					float: right;
					display: flex;
               
					a{
						color: #333333;
					}
					div {
						// display: inline-block;
						height: 60px;
						line-height: 60px;
						text-align: center;
						font-size: 15px;

						&:hover {
							background-color: #eee;
							cursor: pointer;
						}
					}

					.zuoz {
						width: 80px;
					}

					.yonhu {
						width: 100px;
						margin: 0 8px;
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;

						.touxiang {
							width: 24px;
							height: 24px;
							border-radius: 50%;
						}

						.hidden {
							width: 100px;
							height: 170px;
							position: absolute;
							// background-color: white;
							display: none;

							div {
								// list-style:none;
								height: 34px;
								line-height: 34px;
								font-size: 14px;
								width: 100%;
								background-color: white;

								&:hover {
									background-color: #eee;
								}
							}

						}

						&:hover .hidden {
							display: block;
						}
					}

					.shouji {
						width: 65px;
						margin: 0 8px;
					}
				}
			}
		}
	}

	.box {
		text-align: center;
		background-color: #fafafa;
		padding-bottom: 35px;
		z-index: 8000;

		.footer_menu {
			width: 1200px;
			font-family: PingFangSC-Regular;
			font-size: 13px;
			letter-spacing: 0;
			padding-top: 24px;
			margin: 24px auto;

			span {
				margin: 0;
				padding: 0;
				border: 0;
				font: inherit;
				vertical-align: baseline;

				.kujiang_a {
					font-family: 'PingFang SC';
					font-style: normal;
					font-weight: 400;
					font-size: 14px;
					line-height: 20px;
					color: #333333;
					/* margin-right: 80px; */
					margin: 0 40px;
                    &:hover{
						color: #7DC1DC;
					}
					img {
						vertical-align: middle;
					}

					
				}

				.kujiang {
					font-family: 'PingFang SC';
					font-style: normal;
					font-weight: 400;
					font-size: 14px;
					line-height: 20px;
					color: #333333;
					/* margin-right: 80px; */
					margin: 0 40px;
					.kefu {
						color: #7DC1DC;
					}
				}
			}
		}

		.card {
			width: 1200px;
			line-height: 25px;
			font-family: PingFangSC-Regular;
			font-size: 12px;
			color: #9B9B9B;
			letter-spacing: 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 24px auto;

			span {
				font-size: 12px;
				margin: 0 24px;

				a {
					color: #9B9B9B;
					&:hover{
						color: #7DC1DC;
					}
				}
			}

			.line {
				margin: 24px auto;
				border-top: 1px solid #E2E2E2;
				width: 100%;
			}

			.banquan_info {
				line-height: 22px;
			}
		}

		.footer_pic {
			margin: 0;
			padding: 0;
			border: 0;
			font: inherit;
			vertical-align: baseline;

			span {
				margin: 0;
				padding: 0;
				border: 0;
				font: inherit;
				vertical-align: baseline;

				img {
					width: 178px;
					height: 64px;
					margin-right: 64px;
					// display: inline-bolck;
					border: 1px solid #CCCCCC;
				}
			}
		}
	}
}